<template>
  <div>
    <!-- <div class="box">1111111111111</div> -->
    <tabar ref="mytabbar" v-show="$store.state.isTabbarShow"></tabar>
    <!-- 路由容器 -->
    <section>
      <router-view></router-view>
    </section>
  </div>
</template>

<script>
import Vue from 'vue'
import tabar from '@/mycomponents/myTabar.vue'
import Vant from 'vant'
import 'vant/lib/index.css'

Vue.use(Vant)

export default {
  data () {
    return {

    }
  },

  methods: {

  },

  computed: {

  },

  watch: {

  },

  mounted () {
    // console.log(this.$refs.mytabbar.$el.offsetHeight)
  },

  components: {
    tabar
  }
}
</script>

<style lang="scss">
  *{
    margin: 0;
    padding: 0;
  }
  html,body {
    height: 100%;
  }
  ul {
    list-style: none;
  }

  .box {
    width: 20.8333rem;
    height: 10.7111rem;
    background: yellow;
  }

  section {
    padding-bottom: 49px;
  }
</style>
